<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		body{
			display: flex;
			flex-flow: column;
			min-height: 100vh;
		}
		.page-wrap{
			flex: 1;
		}
		.site-footer{
			height: 40px;
		}
	</style>
</head>
<body>
	<div class="page-wrap">
		Content!
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>123
	</div>
	<footer class="site-footer">
		I'm the Sticky Footer.
	</footer>
</body>
</html>